<template >
    <div>
        
<div style="width:100%;height:60px;background-color:white;">
<van-row>
  <van-col span="8"> <div @click="tiaozhuan1"> <img style="width:25px;height:25px;margin-top:20px;" src="./img_yanchu/fanhui1.png" alt=""> </div> </van-col>
  <van-col span="8"><div><p style="margin-top:20px;font-size:18px;font-weight:600;">猫眼演出详情</p> </div></van-col>

  <van-col span="8"> <div @click="fanhui"> <img style="width:25px;height:25px;margin-top:20px;margin-left:80px;" src="./img_yanchu/fenxiang1.png" alt=""> </div> </van-col>
</van-row>
</div>



<div style="width:100%;height:400px;background-color:rgb(143,73,136)">

   <div style="width:100%;height:185px;margin-bottom:5px; margin-top:5px; color:white" >
  <van-row>
  <van-col span="8">
  <br>
  <img  style="width:100%;height:100%;margin-left:10px;border-radius:20px/20px;" src="./img_yanchu/haibao4.png" alt=""></van-col>
  <van-col span="16">
  <div style="width:92%;height:100%;margin-left:15px;">
  <br>

  
  <van-tag color="#DBBC96">总票代</van-tag>
  <p style="font-size:17px;font-weight:600;">JJ 林俊杰《圣所2.0》世界巡回演唱会-重庆站 </p>
<br><br><br><br><br>
  <div style="padding-top:30px;">
  <span style="font-weight:600;font-size:16px;">380-1680元</span> <span style="font-weight:600;font-size:16px; margin-left:80px;">座位图></span>
  </div>
  </div>
  </van-col>
  </van-row>
  </div>

<div style="width:90%;height:100px;background-color:#8F4988;margin-left:10px;margin-top:30px;border-radius:20px/20px;">
  <p style="color:white;padding-top:20px; font-weight:600;font-size:18px;margin-left:10px;">2019.11.2 19:30 周六 </p>
  <span style="color:white;padding-top:15px;font-weight:600;font-size:16px;margin-left:10px;">重庆 重庆市奥林匹克体育中心</span> <img style="margin-left:50px;" src="./img_yanchu/weizhi1.png" alt="">
</div>


<div style=" margin-left:20px;">
<van-tag color="#DBBC96">官方票</van-tag>&nbsp; <van-tag color="#DBBC96">顺丰包邮</van-tag>
</div>

<div>
<van-row>
  <van-col span="12"><van-button color="#8F4988" size="large"><img style="width:20px;height:20px;margin-top:10px;" src="./img_yanchu/shoucang1.png" alt="">&nbsp;  收藏</van-button></van-col>
  <van-col span="12"><van-button color="#8F4988" size="large"><img style="width:20px;height:20px;margin-top:10px;" src="./img_yanchu/fenxiang2.png" alt="">&nbsp; 分享</van-button></van-col>
</van-row>
</div>
</div>


<div>
<p style="font-size:18px;font-weight:600;margin-top:10px;margin-bottom:10px;">演出详情</p>
</div>


<div style="text-align:center;">

<p style="font-size:18px;font-weight:600;">演出介绍 </p>

<p style="font-size:15px;font-weight:600;">JJ林俊杰《圣所2.0》世界巡回演唱会 </p>
<p style="font-size:15px;font-weight:600;">JJ Lin Sanctuary 2.0 World Tour </p>
<img style="width:95%;height:95%;" src="./img_yanchu/ljj1.png" alt="">
<p style="font-size:15px;font-weight:600;">历经20座城市的洗礼 </p>
<p style="font-size:15px;font-weight:600;">创下无数历史性时刻 </p>
<p style="font-size:15px;font-weight:600;">圣所  进阶 圣所2.0 </p>
<p style="font-size:15px;font-weight:600;">希望·信念与爱得传递 </p>
<p style="font-size:15px;font-weight:600;">无线蔓延在你我的心中 </p>
<img style="width:95%;height:95%;" src="./img_yanchu/ljj2.png" alt="">
<p style="font-size:15px;font-weight:600;">世界里 挣扎 蜕变 </p>
<p style="font-size:15px;font-weight:600;">用每一个初衷 拼凑步骤 </p>
<p style="font-size:15px;font-weight:600;">坚持信念 跨越了浩劫 </p>
<p style="font-size:15px;font-weight:600;">寻找的旅途 我们并肩 </p>
<p style="font-size:15px;font-weight:600;">重生的力量 来自真我 </p>
<img style="width:95%;height:95%;" src="./img_yanchu/ljj3.png" alt="">
<p style="font-size:15px;font-weight:600;">能 引领着出口 </p>
<p style="font-size:15px;font-weight:600;">进阶自我 点亮了曙光 </p>
<p style="font-size:15px;font-weight:600;">让我们穿越时空</p>
<p style="font-size:15px;font-weight:600;">让我们超越想象 </p>
<p style="font-size:15px;font-weight:600;">心灵的的圣所 </p>
<img style="width:95%;height:95%;" src="./img_yanchu/ljj4.png" alt="">
<img style="width:95%;height:95%;" src="./img_yanchu/ljj5.png" alt="">
</div>
<div style="width:100%;height:10px;background-color:#ccc;"></div>
<div style="margin-left:10px;">
<p style="font-size:20px;font-weight:600;">演出介绍 </p>

<p style="font-size:16px;font-weight:600;color:#6C6C6C;margin-top:20px;">演出时间 </p>
<p style="font-size:16px;font-weight:600;color:#6C6C6C;margin-top:20px;">2019年11月2日 19:30 </p>
<div style="margin-top:20px;">



  <van-button round color="red"  size="large">立即购票</van-button>

</div>

</div>
<br><br><br><br><br><br><br><br><br>





    </div>
</template>

<script>
export default {
  data() {
    return {
      container: null
    };
  },
  methods: {
          tiaozhuan1(){
      this.$router.push("/yanchu")
    }
  },
  mounted() {
    this.container = this.$refs.container;
    f1.style="display:block";
    
  }
};
</script>


<style scoped>
    
</style>